<!DOCTYPE html>
<html class="ui-mobile">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../assets/css/jquery.mobile.ios.theme.css">
    <link rel="stylesheet" href="../assets/css/style.css">
</head>
<body class="ui-overlay-h">
<div class="ui-panel-wrapper ui-page-theme-h" data-role="page" id="home">
    <div data-position="fixed" data-role="header" data-tap-toggle="false" role="banner"
         class="ui-header ui-bar-h">
        <a href="#sidebar" data-iconpos="notext"
           class="ui-link ui-btn-left ui-btn ui-icon-ion-ios-arrow-back ui-btn-icon-notext ui-shadow ui-corner-all"
           data-role="button" role="button"></a>
        <h1 class="header-title ui-title" role="heading" aria-level="1">我的报名</h1>
        <div data-role="navbar" class="ui-navbar" role="navigation">
        <ul class="ui-grid-b">
            <li class="ui-block-a"><a href="index.html" data-prefetch="true" data-transition="fade" class="ui-btn ui-btn-active">代付款</a></li>
            <li class="ui-block-b"><a href="page-b.html" data-prefetch="true" data-transition="flip" class="ui-btn">成功报名</a></li>
            <li class="ui-block-c"><a href="page-c.html" data-prefetch="true" data-transition="turn" class="ui-btn">已撤销</a></li>
        </ul>
    </div>

    </div>

    <div data-role="content" class="ui-content" role="main">

    </div>

</div>
</body>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/index.js"></script>
<script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>

<script>
    $(function () {
        $("[data-role='navbar']").navbar();
        $("[data-role='header'], [data-role='footer']").toolbar();
    });
    // Update the contents of the toolbars

</script>
</body>
</html>
